Back

Project Objectives

From the very beginning, the Handle team made their expectations for the new rewards feature very clear (as all great clients should). This feature had to compliment their existing design system, with the expectation of increasing user engagement and in-app spending.

Ideation & Low-Fidelity

The brainstorming process began on paper. Inspiration was grabbed from real-world bingo cards, stamp sheets, and punch cards.

Prototypes

The clients wanted the animations to be more fleshed out so I created two test prototypes all in Figma.

(A) The first prototype features a stamp and stamp card. The fun stamping animation was a cherry on top.

(B) The second prototype allows users to track their progress towards collecting adorable spinoffs of the Handle mascot (in addition to receiving store credit or product coupons) with a progress bar.

Project End

Unfortunately the project was cut short. Despite the excitement that was shared by both parties about the potential for this new rewards feature, Handle faced some structural challenges that led to the termination of this project.

What I Wish I Could Have Done

I was sad to end the project when there was still so much potential and so much more left. Here’s a short list of what could have been done and some of my own personal notes and considerations to fully prepare prototype (A) for Handle’s platform.

  • How would the stamp card animation be adjusted to make room for a hamburger menu or other navigation icons?
  • What would have to change with Handle’s current, static branding styles in order to accommodate for the zooming in and out of the stamp card?
  • What are the upper and lower limits for different punch cards? Could there be punch cards with 10 holes? 12 holes? How about an odd number of holes?
  • How would the rewards feature integrate into the existing Handle home page? A new button? An entirely new page on the navigation menu?
  • Should users be able to view all completed stamp cards? What would this look like and where would this be?

Trojan Marketplace

Figma Redesign